<template>
  <div class="usercenter-box">
    <div class="common-usercenter-box" style="min-height: 900px;">
      <h6 class="common-title">联系客服</h6>
      <div class="myorderbox common-form-set">
        <div class="notice" style="margin-top:20px;">
          <b><span>客户服务时间： </span></b>
        </div>
        <hr />
        <div class="contact-items">
          <ul>
            <contact-item title="QQ客服" _type="qq">
            </contact-item>
            <contact-item title="微信客服" _type="wechat">
            </contact-item>
            <contact-item title="QQ群" _type="qq">
            </contact-item>
            <contact-item title="客服热线" _type="kefu">
            </contact-item>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import DateFilter from '@/components/dateFilter2'
import pageMixin from '@/mixins/page'
import orderDetailDialog from '@/components/orderDetailDialog'
import contactItem from '@/components/contact-item.vue'
export default {
  layout: 'webIn4',
  components: {
    DateFilter,
    orderDetailDialog,
    contactItem,
  },
  mixins: [pageMixin],
  data() {
    return {
      // contactItems: [
      //   {

      //   }
      // ],
      tableData: [],
      isLoading: false,
    }
  },
  methods: {
    async getList() {
      this.isLoading = true
      const res = await this.$axios.post(
        '/finance/userMoneyDetail/detailPage',
        null,
        { params: this.query }
      )
      if (res.code === 1001 && res.body) {
        this.tableData = res.body.records || []
        this.dataTotal = res.body.total
      }
      this.isLoading = false
    },
    doQuery() {
      const d1val = this.$refs.d1.queryVal()
      this.query = Object.assign(this.query, d1val)
      this.getList()
    },
    async detail(item) {
      const res = await this.$axios.get(
        `/order/order/orderDetails?orderCode=${item.orderID}`
      )
      if (res.code === 1001 && res.body) {
        this.$refs.detail.show(res.body)
      }
    }
  }
}
</script>

<style lang="scss" scoped>

@import 'assets/style/el-adapter.css';
// @import 'assets/style/layer.css';
@import 'assets/style/layui.css';
@import 'assets/style/style6/common.css';
// @import 'assets/style/style6/openlogin.css';
// @import 'assets/style/style6/style.css';
// @import 'assets/style/style6/font_1451715_0505c2bxv7b7.css';
// @import 'element-ui/lib/theme-chalk/index.css';

.notice {
  line-height: 30px;
  font-size: 12px;
  text-indent: 16px;
  color: #f9aa00;
  background: #fff8e1;
  border: 1px solid #ff9c54;
  margin-bottom: 10px;
}
hr {
  background: #f1f0f4;
}
.contact-items {
  margin-top: 10px;
}
</style>

<style lang="scss">
.usercenter-box {}
</style>
